<template>
	<view class="content">
		<!-- <u-navbar :immersive="true" :background="backgroundColor" :is-back="false" :border-bottom="false" class="navbar-wrapper">
			<view class="round" @tap="goBack"><u-icon name="nav-back" color="#fff" size="30"></u-icon></view>
		</u-navbar> -->
		<!-- <u-navbar title="" ></u-navbar> -->
		<view class="wrap">
			<iframe
				:src="src"
				frameborder="0"
				height="100%"
				width="100%"
			></iframe>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			src: "",
			backgroundColor: {
				backgroundColor: "transparent",
			},
		}
	},
	onLoad(option) {
		this.src =
			"/hybrid/html/cc/mobile.html?roomid=" +
			option.cc_room_id +
			"&userid=" +
			option.cc_userid +
			"&viewername=" +
			option.viewername +
			"&viewertoken=" +
			option.viewertoken
	},
	// onBackPress(){
	// 	console.log('fanhui')
	// 	this.$u.route('pageCourse/course/details',{
	// 		id:242,
	// 		type:'reLaunch'
	// 	})
	// },
	methods: {
		goBack() {
			uni.navigateBack({})
		},
	},
}
</script>

<style lang="scss" scoped>
.navbar-wrapper {
	/deep/.u-navbar-inner {
		padding: 0 30rpx;
	}
	.right {
		display: flex;
	}
	&.active {
		.round {
			background: rgba(0, 0, 0, 0.4);
		}
	}
	.round {
		width: 58rpx;
		height: 58rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
	}
	.round + .round {
		margin-left: 32rpx;
	}
}
.wrap {
	width: 100%;
	// height: calc(100vh - 44px);
	height: 100vh;
}
</style>
